<template>
    <div class="roll" :style="{height:height}">
        <div class="content">
            <slot></slot>
        </div>
    </div>
</template>
<script>
export default {
  props:{
     height:{
       type:String,
       default:"100%"
     }
  },
    data(){
        return{
            
        }
    }
}
</script>
<style scoped>
.roll {
   
    overflow-y: auto;
}
.roll::-webkit-scrollbar,
.content::-webkit-scrollbar {
  width: 3px;
}

.roll::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track {
  /* background: #ccc; */
  background: #1d938d;
}

.roll::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb {
  background: #fff;
}
</style>